.sensitive-info-report {
  &-overview {
    &-tips {
      margin-bottom: 20px;
      font-size: 14px;
      color: $gray-06;
      display: flex;
      justify-content: space-between;
    }
    &-card {
      border: 1px solid $gray-03;
      border-radius: 4px;
      margin-bottom: 24px;
      &-body {
        padding: 16px 32px;
        display: flex;
        align-items: center;
        &-item {
          margin-left: 36px;
          &-label {
            font-size: 14px;
            color: $gray-08;
            margin-bottom: 8px;
          }
          &-value {
            font-size: 14px;
            color: $gray-06;
            display: flex;
            align-items: baseline;
            &-num {
              font-size: 24px;
              color: $gray-08;
              font-weight: 500;
              margin-right: 8px;
            }
          }
        }
      }
      &-footer {
        border-top: 1px solid $gray-03;
        display: flex;
        &-item {
          padding: 1px 12px;
          margin: 9.5px 0;
          display: flex;
          align-items: center;
          &:first-child {
            padding: 1px 16px;
            border-right: 1px solid $gray-03;
          }
          &:nth-child(2) {
            padding-left: 16px;
          }
          &-label {
            font-size: 12px;
            color: $gray-06;
            margin-right: 8px;
            display: flex;
            align-items: center;
          }
          &-icon {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            margin-right: 8px;
            &.blocker {
              background: #e62412;
            }
            &.critical {
              background: #fa8c15;
            }
            &.major {
              background: #fad414;
            }
          }
          &-value {
            font-size: 16px;
            color: $gray-08;
            font-weight: 500;
          }
        }
      }
    }
  }

  .repos-table {
    .repo-col > div {
      width: 300px;
    }
  }

  .users-table {
    .user-col > div {
      width: 300px;
      .user-col-content {
        display: flex;
        align-items: center;
      }
    }
  }
}

.disable-repos-table {
  .repo-col > div {
    width: 300px;
  }
  .project-name-col > div {
    width: 200px;
  }
}

.disable-repos-table.selected {
  thead > tr {
    th:first-child {
      white-space: nowrap;
    }
    th:not(:first-child) {
      display: none;
    }
  }
}

.report-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 20px;
  &.inDialog {
    margin-top: 0;
    margin-bottom: 20px;
  }
  &-left {
    margin-right: 12px;
    &-title {
      text-align: left;
      line-height: 20px;
      font-weight: 500;
      font-size: 14px;
      color: $gray-08;
    }
    &-description {
      margin-top: 8px;
      text-align: left;
      line-height: 20px;
      font-size: 14px;
      color: $gray-06;
      display: flex;
      &-help {
        margin-left: 12px;
      }
    }
  }

  &-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 104px;
    justify-content: flex-end;
  }
}
.risk-limit {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 20px;
  font-size: 14px;
  color: $gray-08;
  &-title {
    font-weight: 500;
  }
  &-radio {
    margin-top: 8px;
    font-weight: normal;
  }
  &-btn {
    margin-top: 20px;
  }
}
